@charset "UTF-8";
body,
div,
span,
header,
footer,
nav,
section,
aside,
article,
ul,
dl,
dt,
dd,
li,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
i,
b,
textarea,
button,
input,
select,
figure,
figcaption {
  padding: 0;
  margin: 0;
  list-style: none;
  font-style: normal;
  text-decoration: none;
  border: none;
  font-weight: normal;
  font-family: "PingFangSC-Regular";
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased; }

body:hover,
div:hover,
span:hover,
header:hover,
footer:hover,
nav:hover,
section:hover,
aside:hover,
article:hover,
ul:hover,
dl:hover,
dt:hover,
dd:hover,
li:hover,
a:hover,
p:hover,
h1:hover,
h2:hover,
h3:hover,
h4:hover,
h5:hover,
h6:hover,
i:hover,
b:hover,
textarea:hover,
button:hover,
input:hover,
select:hover,
figure:hover,
figcaption:hover {
  outline: none; }

a {
  color: #fff; }

html,
body,
#app {
  height: 100%;
  font-family: PingFangSC-Regular, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
  color: #C0C0C6;
  font-size: 0.12rem; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #545769; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #545769; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #545769; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #545769; }

.edit-error::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #E2115E; }

.edit-error:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #E2115E; }

.edit-error::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #E2115E; }

.edit-error:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #E2115E; }

a:hover {
  text-decoration: none; }

select, textarea, input[type='text'], input[type='search'], input[type='password'], input[type='datetime'], input[type='datetime-local'], input[type='date'], input[type='month'], input[type='time'], input[type='week'], input[type='number'], input[type='email'], input[type='url'], input[type='tel'], input[type='color'] {
  line-height: 1;
  height: auto;
  margin: 0;
  padding: 0; }

.icon {
  display: inline-block;
  background: url("../images/icon.png") no-repeat;
  background-size: 2rem 2rem; }

.icon-back {
  width: 0.1rem;
  height: 0.17rem;
  background-position: -0.03rem -0.98rem;
  vertical-align: middle; }

.icon-search {
  width: 0.19rem;
  height: 0.19rem;
  background-position: -0.03rem -1.16rem;
  vertical-align: middle; }

.icon-clear {
  width: 0.14rem;
  height: 0.14rem;
  background-position: -0.03rem -1.37rem;
  vertical-align: middle;
  cursor: pointer; }

.icon-plus {
  width: 0.11rem;
  height: 0.12rem;
  background-position: -0.37rem -1.16rem;
  vertical-align: middle; }

.icon-star {
  width: 0.17rem;
  height: 0.17rem;
  background-position: -0.03rem -1.54rem;
  vertical-align: middle;
  box-sizing: content-box; }
  .icon-star.active {
    background-position: -0.03rem -1.73rem; }

.icon-edit {
  width: 0.11rem;
  height: 0.11rem;
  background-position: -0.37rem -0.03rem;
  vertical-align: middle; }

/*侧边栏*/
.icon-side-choose {
  width: 0.26rem;
  height: 0.23rem;
  background-position: -0.03rem -0.32rem;
  vertical-align: middle; }

.icon-side-bells {
  width: 0.24rem;
  height: 0.23rem;
  background-position: -0.03rem -0.03rem;
  vertical-align: middle; }

.icon-up {
  width: 0.12rem;
  height: 0.13rem;
  background-position: -0.03rem -0.6rem;
  vertical-align: middle; }

.icon-down {
  width: 0.12rem;
  height: 0.13rem;
  background-position: -0.03rem -0.82rem;
  vertical-align: middle; }

.icon-login-user {
  width: 0.19rem;
  height: 0.22rem;
  background-position: -0.37rem -0.15rem;
  vertical-align: middle; }

.icon-login-pass {
  width: 0.19rem;
  height: 0.23rem;
  background-position: -0.37rem -0.37rem;
  vertical-align: middle; }

.icon-login-eye {
  width: 0.21rem;
  height: 0.08rem;
  background-position: -0.37rem -0.77rem;
  vertical-align: middle;
  margin-top: -0.1rem;
  padding: 0.1rem 0 0.1rem 0.1rem;
  cursor: pointer; }
  .icon-login-eye.open {
    width: 0.21rem;
    height: 0.15rem;
    background-position: -0.37rem -0.6rem;
    vertical-align: middle;
    margin-top: -0.075rem; }

.icon-user-go {
  width: 0.1rem;
  height: 0.17rem;
  background-position: -0.37rem -0.98rem;
  vertical-align: middle; }

.icon-totop {
  width: 0.11rem;
  height: 0.17rem;
  background-position: -0.37rem -1.37rem;
  vertical-align: middle;
  padding-right: 0.2rem;
  cursor: pointer; }

.icon-sort {
  width: 0.13rem;
  height: 0.1rem;
  background-position: -0.37rem -1.6rem;
  vertical-align: middle;
  padding-right: 0.22rem;
  cursor: pointer; }

.icon-radio {
  width: 0.17rem;
  height: 0.17rem;
  background-position: -0.7rem -1.73rem;
  vertical-align: middle;
  margin: 0.05rem 0; }
  .icon-radio.active {
    background-position: -0.365rem -1.73rem; }

.scroll-body {
  -webkit-touch-callout: none;
  -webkit-user-select: none; }

input {
  outline: none;
  caret-color: #fff; }

.sortable-drag {
  opacity: 1 !important;
  box-shadow: 3px 3px 10px #000, -3px -3px 10px #000; }

.flexall {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }

.flexall-hor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

.flex {
  width: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  flex: 1;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.clear:after {
  content: "";
  display: block;
  height: 0;
  clear: both; }

body {
  touch-action: manipulation;
  color: #999;
  background: #0f0f0f; }

.brown {
  color: #E94E30; }

.red {
  color: #EB1B1B; }

.green {
  color: #27C85F; }

.color6 {
  color: #666; }

.color9 {
  color: #999; }

.fl {
  float: left; }

.fr {
  float: right; }

.alignRight {
  text-align: right; }

.alignLeft {
  text-align: left; }

.arrow {
  width: 0.26rem; }

.hoverBottomToggle {
  position: fixed;
  z-index: 8888;
  width: 0.59rem;
  bottom: 0.08rem;
  right: 0.2rem; }

.btn-operate {
  border-radius: 0.46rem;
  height: 0.46rem;
  line-height: 0.46rem;
  text-align: center;
  font-size: 0.16rem; }

.btn-active {
  background: linear-gradient(-269deg, #FF8F25 0%, #FF4646 100%);
  color: #fff; }

.btn-solid {
  border: 1px solid #41270F;
  color: #E94E30;
  background: #0f0f0f; }

.aim-bottom-btn {
  margin: 0 0.18rem; }
  .aim-bottom-btn .btn-operate {
    margin: 0.12rem 0;
    display: block; }

.aim-list-item {
  overflow: hidden; }
  .aim-list-item li {
    border: 1px solid #41270F;
    border-radius: 0.28rem;
    width: 0.84rem;
    height: 0.28rem;
    line-height: 0.28rem;
    color: #fff;
    text-align: center;
    margin: 0 0.1rem 0.17rem 0;
    float: left;
    font-size: 0.14rem;
    cursor: pointer; }
    .aim-list-item li.active {
      background: linear-gradient(-269deg, #FF8F25 0%, #FF4646 100%); }

.search {
  height: 0.44rem;
  padding: 0.06rem 0;
  background: #151515;
  font-size: 0.14rem; }
  .search .back {
    text-align: center;
    float: left;
    width: 0.34rem;
    line-height: 0.38rem;
    height: 0.32rem; }
  .search .search-input {
    float: left;
    position: relative; }
    .search .search-input input {
      width: 100%;
      line-height: 0.2rem;
      background: #0F0F0F;
      border-radius: 0.5rem;
      color: #FFFFFF;
      padding: 0.06rem 0.35rem;
      font-size: 0.14rem; }
    .search .search-input .search-input-inner {
      position: relative; }
    .search .search-input .icon-search {
      position: absolute;
      left: 0.09rem;
      top: 50%;
      margin-top: -0.095rem; }
    .search .search-input .icon-clear {
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -0.065rem;
      display: none;
      padding-right: 0.15rem;
      box-sizing: content-box; }
  .search .search-handle {
    color: #E94E30;
    padding: 0 0.1rem;
    line-height: 0.32rem; }

.bottom-button {
  background: #333333;
  height: 0.48rem;
  line-height: 0.48rem;
  text-align: center; }
  .bottom-button .col {
    font-size: 14px;
    color: #E94E30; }
    .bottom-button .col .add-icon {
      vertical-align: middle;
      font-size: 0.22rem; }
    .bottom-button .col .add-text {
      vertical-align: middle;
      font-size: 0.14rem; }

.aim-tab {
  background: #222222;
  height: 0.36rem;
  line-height: 0.36rem;
  text-align: center;
  display: flex; }
  .aim-tab li {
    font-size: 0.14rem;
    flex: 1; }
    .aim-tab li > a {
      position: relative;
      color: #999999; }
    .aim-tab li .border {
      position: absolute;
      width: 100%;
      height: 2px;
      background: linear-gradient(-269deg, #FF8F25 0%, #FF4646 100%);
      border-radius: 1rem;
      left: 0;
      display: none;
      margin-top: -2px; }
    .aim-tab li.active > a {
      color: #E94E30; }
      .aim-tab li.active > a .border {
        display: block; }

.fixed-header .aim-table th {
  padding: 0; }
  .fixed-header .aim-table th .cell-text {
    padding: 0 0.1rem; }

.scroll-body .aim-table {
  margin-top: -0.36rem; }

.aim-table {
  color: #fff;
  font-size: 0.16rem;
  text-align: left;
  width: 100%;
  border-collapse: collapse; }
  .aim-table .toggle-handle {
    padding: 0.05rem 0; }
  .aim-table.aim-table-default {
    font-size: 0.14rem; }
    .aim-table.aim-table-default td:nth-child(3),
    .aim-table.aim-table-default td:nth-child(4),
    .aim-table.aim-table-default th:nth-child(3),
    .aim-table.aim-table-default th:nth-child(4) {
      text-align: left; }
  .aim-table thead tr {
    background: #0F0F0F;
    height: 0.36rem;
    color: #666;
    font-size: 0.12rem; }
  .aim-table td:nth-child(1) {
    font-size: 0.14rem; }
  .aim-table td:nth-child(3),
  .aim-table td:nth-child(4),
  .aim-table th:nth-child(3),
  .aim-table th:nth-child(4) {
    text-align: right; }
  .aim-table th,
  .aim-table td {
    padding: 0 0.1rem;
    min-width: 0.6rem; }
  .aim-table tbody {
    margin-bottom: 0.1rem; }
    .aim-table tbody.tbody-section tr {
      height: 0.42rem;
      border: 0; }
      .aim-table tbody.tbody-section tr.title {
        border-bottom: 1px solid #1C1C1C; }
    .aim-table tbody tr {
      height: 0.48rem;
      background: #151515;
      border-bottom: 1px solid #1C1C1C; }
      .aim-table tbody tr .unit {
        color: #666;
        font-size: 0.1rem;
        display: block; }
        .aim-table tbody tr .unit.inline-block {
          display: inline-block;
          margin-left: 0.05rem; }
      .aim-table tbody tr:last-child {
        border-bottom: 0; }
      .aim-table tbody tr.active {
        background: #292929; }
      .aim-table tbody tr.line {
        height: 0.1rem;
        background: transparent;
        border: 0; }
  .aim-table .aim-table-innner {
    padding: 0; }

.title-inner-wrap {
  padding: 0 0.12rem;
  overflow: hidden; }
  .title-inner-wrap .title-inner {
    margin: 0.12rem 0 0.14rem; }

.title-inner {
  font-size: 0.16rem;
  color: #fff; }
  .title-inner .border {
    display: inline-block;
    width: 0.04rem;
    height: 0.15rem;
    border-radius: 1rem;
    background: linear-gradient(#EB4E30, #3F1313);
    margin-right: 0.08rem;
    vertical-align: middle; }
  .title-inner .del {
    font-size: 0.14rem;
    color: #E94E30;
    display: none; }
    .title-inner .del .del-icon {
      font-size: 0.16rem; }
  .title-inner .to .icon-user-go {
    float: right;
    margin-top: 0.04rem; }

.list-section {
  margin-bottom: 0.1rem; }
  .list-section .item {
    font-size: 0.14rem;
    color: #fff;
    height: 0.42rem;
    line-height: 0.42rem;
    background: #151515; }
    .list-section .item.item-aim-list {
      height: auto; }
      .list-section .item.item-aim-list .aim-list-item {
        padding-top: 0.12rem; }
        .list-section .item.item-aim-list .aim-list-item li {
          margin: 0 0.1rem 0.12rem 0; }
    .list-section .item:last-child .item-inner {
      border: 0; }
    .list-section .item .item-inner {
      margin: 0 0.12rem;
      border-bottom: 1px solid #1C1C1C;
      overflow: hidden;
      position: relative; }
      .list-section .item .item-inner a {
        color: #fff;
        display: block; }
    .list-section .item .label-supply input {
      height: 0.42rem;
      line-height: 0.42rem;
      background: transparent;
      width: 100%;
      color: #FFFFFF;
      padding: 0.1rem 0.12rem;
      line-height: 0.2rem;
      font-size: 0.14rem; }
    .list-section .item .label {
      float: left; }
    .list-section .item .label-content {
      float: right;
      color: #666666;
      height: 100%; }
      .list-section .item .label-content .tag {
        width: 0.46rem;
        height: 0.24rem;
        cursor: pointer;
        border-radius: 0.22rem;
        position: absolute;
        top: 50%;
        margin-top: -0.11rem;
        right: 0;
        border: 1px solid #464545;
        background: #666; }
        .list-section .item .label-content .tag.active {
          background: linear-gradient(-269deg, #FF8F25 0%, #FF4646 100%); }
          .list-section .item .label-content .tag.active .radius {
            background: #151515;
            border-color: #151515;
            right: 2px;
            left: auto; }
        .list-section .item .label-content .tag .radius {
          background: #151515;
          width: 0.2rem;
          height: 0.2rem;
          margin: 1px;
          border-radius: 100%;
          position: absolute;
          top: 50%;
          margin-top: -0.1rem;
          left: 2px; }
  .list-section .item-btn {
    text-align: center; }
    .list-section .item-btn a {
      color: #E94E30;
      display: block; }

.aim-input-name {
  font-size: 0.14rem;
  color: #FFFFFF;
  height: 0.48rem;
  background: #151515;
  line-height: 0.48rem;
  padding: 0 0.12rem;
  margin-bottom: 0.1rem; }
  .aim-input-name .label {
    float: left;
    margin-right: 0.03rem; }
  .aim-input-name .label-content {
    float: left; }
    .aim-input-name .label-content input {
      background: transparent;
      color: #fff;
      font-size: 0.14rem;
      width: 100%;
      line-height: 0.2rem; }
      .aim-input-name .label-content input::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #666; }
      .aim-input-name .label-content input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #666; }
      .aim-input-name .label-content input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #666; }
      .aim-input-name .label-content input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #666; }
